<template>
    <div class="indexBuyBox">
        <div class="buyHead">
            <img class="buyBigStart" src="../../assets/img/big-start.png">

            <img class="buyBigEddy" src="../../assets/img/big-eddy.png">

            <img class="buyLittleStart" src="../../assets/img/little-start.png">

            <img class="buyLittleEddy" src="../../assets/img/little-eddy.png">

            <img class="butLotsStart" src="../../assets/img/lots-little-start.png">
            <h3 class="buyHeadTitle">
                价值够大，价格够低
            </h3>
            <p class="buyTopic">每月一杯咖啡的投入，换来成倍改善的工作效率。</p>
        </div>

        <div class="buyMain">
            <div class="buyType" style="margin-left: 0">
                <div class="typeTop">
                    <h2 class="buyTypeTitle">免费版</h2>
                </div>

                <div class="buyUrlBox">
                    <strong class="rmb companyTypeRmb">￥</strong>
                    <span class="costRmb companyType">0</span>

                    <span class="whichMember">/月</span>
                </div>

                <div class="buyIntroduce">
                    <ul class="intruUl">
                        <li>
                            <div class="LiPoint"></div>
                            500M 仓库空间
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限私有项目数量
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限项目成员数量
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            其他所有功能
                        </li>
                    </ul>
                </div>

            </div>

            <div class="buyType">
                <div class="typeTop backgroundBlue">

                    <h2 class="buyTypeTitle backgroundBlue">个人套餐</h2>
                </div>

                <div class="buyUrlBox">
                    <strong class="rmb companyTypeRmb">￥</strong>
                    <span class="costRmb companyType">15</span>

                    <span class="whichMember">/月</span>
                </div>

                <div class="buyIntroduce">
                    <ul class="intruUl">
                        <li>
                            <div class="LiPoint"></div>
                            3G 仓库空间
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限私有项目数量
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限项目成员数量
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            更好的技术支持服务
                        </li>
                    </ul>
                </div>


            </div>

            <div class="buyType">
                <div class="typeTop backgroundBlue">
                    <h2 class="buyTypeTitle backgroundBlue">基础套餐</h2>
                </div>

                <div class="buyUrlBox">
                    <strong class="rmb companyTypeRmb">￥</strong>
                    <span class="costRmb companyType">20</span>

                    <span class="whichMember">/月</span>
                </div>

                <div class="buyIntroduce">
                    <ul class="intruUl">
                        <li>
                            <div class="LiPoint"></div>
                            5G 仓库空间
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限私有项目数量
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限项目成员数量
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            更好的技术支持服务
                        </li>
                    </ul>
                </div>
            </div>

        </div>

        <div class="buyMain">
            <div class="buyType" style="margin-left: 0">
                <div class="typeTop backgroundBlue">

                    <h2 class="buyTypeTitle backgroundBlue">标准套餐</h2>
                </div>

                <div class="buyUrlBox">
                    <strong class="rmb companyTypeRmb">￥</strong>
                    <span class="costRmb companyType">25</span>

                    <span class="whichMember">/月</span>
                </div>

                <div class="buyIntroduce">
                    <ul class="intruUl">
                        <li>
                            <div class="LiPoint"></div>
                            10G 仓库空间
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限私有项目数量
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限项目成员数量
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            更好的技术支持服务
                        </li>
                    </ul>
                </div>
            </div>

            <div class="buyType">
                <div class="typeTop backgroundBlue">

                    <h2 class="buyTypeTitle backgroundBlue">企业基础套餐</h2>
                </div>

                <div class="buyUrlBox">
                    <strong class="rmb companyTypeRmb">￥</strong>
                    <span class="costRmb companyType">40</span>

                    <span class="whichMember">/月</span>
                </div>

                <div class="buyIntroduce">
                    <ul class="intruUl">
                        <li>
                            <div class="LiPoint"></div>
                            20G 仓库空间
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限私有项目数量
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限项目成员数量
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            更好的技术支持服务
                        </li>
                    </ul>
                </div>
            </div>

            <div class="buyType">
                <div class="typeTop backgroundBlue">
                    <h2 class="buyTypeTitle backgroundBlue">企业标准套餐</h2>
                </div>

                <div class="buyUrlBox">
                    <strong class="rmb companyTypeRmb">￥</strong>
                    <span class="costRmb companyType">80</span>

                    <span class="whichMember">/月</span>
                </div>

                <div class="buyIntroduce">
                    <ul class="intruUl">
                        <li>
                            <div class="LiPoint"></div>
                            50G 仓库空间
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限私有项目数量
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限项目成员数量
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            更好的技术支持服务
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="buyMain">
            <div class="buyType" style="margin-left: 0">
                <div class="typeTop backgroundBlue">

                    <h2 class="buyTypeTitle backgroundBlue">企业高级套餐</h2>
                </div>

                <div class="buyUrlBox">
                    <strong class="rmb companyTypeRmb">￥</strong>
                    <span class="costRmb companyType">100</span>

                    <span class="whichMember">/月</span>
                </div>

                <div class="buyIntroduce">
                    <ul class="intruUl">
                        <li>
                            <div class="LiPoint"></div>
                            100G 仓库空间
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限私有项目数量
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限项目成员数量
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            更好的技术支持服务
                        </li>
                    </ul>
                </div>
            </div>

            <div class="buyType">
                <div class="typeTop backgroundBlue">

                    <h2 class="buyTypeTitle backgroundBlue">独立部署</h2>
                </div>

                <div class="buyUrlBox">
                    <strong class="rmb companyTypeRmb">￥</strong>
                    <span class="costRmb companyType">150</span>

                    <span class="whichMember">/月</span>
                </div>

                <div class="buyIntroduce">
                    <ul class="intruUl">
                        <li>
                            <div class="LiPoint"></div>
                            100G 仓库空间
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            不限私有，不限成员
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            专享服务器，专享带宽
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            200M超大带宽（按流量计费）
                        </li>
                    </ul>
                </div>
            </div>

            <div class="buyType">
                <div class="typeTop backgroundBlue">

                    <h2 class="buyTypeTitle backgroundBlue">私有部署</h2>
                </div>

                <div class="buyUrlBox">
                    <strong class="rmb companyTypeRmb">￥</strong>
                    <span class="costRmb companyType" style="color: #F56C6C">6k</span>

                    <span class="whichMember">/永久</span>
                </div>

                <div class="buyIntroduce red-text">
                    <ul class="intruUl">
                        <li>
                            <div class="LiPoint"></div>
                            <span style="color: #F56C6C">完全掌控代码、数据</span>
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            <span style="color: #F56C6C">自己服务器，0顾虑</span>
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            <span style="color: #F56C6C">提供专人部署和维护服务</span>
                        </li>
                        <li>
                            <div class="LiPoint"></div>
                            <span style="color: #F56C6C">一次性买断，永久使用权</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="clearBoth"></div>
        <div style="height: 70px"></div>

    </div>
</template>

<script>
    export default {
        name: 'Buy',
    }
</script>